<template>
    <div class="container-filled">
        <el-container>
            <el-header>
                <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" router="true">
                    <el-menu-item v-for="(item, key) in elMenuItems" :key="key" :index="item.path">
                        {{ item.name }}
                    </el-menu-item>
                </el-menu>
            </el-header>
            <el-main>
                <router-view></router-view>
            </el-main>
        </el-container>
    </div>
</template>

<script>
export default {
    data() {
        return {
            activeIndex: "/user/userList",
            elMenuItems: [
                { path: "/user/userList", name: "用户列表" }
            ]
        }
    },
    created() {
        this.$router.push(this.activeIndex)
    },
    mounted() {

    },
    methods: {

    },
}
</script>

<style lang="scss" scoped>

</style>